<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>登录</title>
    <link rel="stylesheet" href="css/element.css">
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
<div id="app">
    <div class="login-container">
        <el-form class="login-form" autoComplete="on" :model="loginForm"
                 :rules="loginRules" ref="loginForm"
                 label-position="left">
            <div class="title-container">
                <h3 class="title">登录</h3>
            </div>
            <el-form-item prop="username">
                <span class="svg-container svg-container_login">
                  <img class="user-avatar" src="images/username.png">
                </span>
                <el-input name="username" type="text" v-model="loginForm.username" autoComplete="on"
                          placeholder="请输入用户名"/>
            </el-form-item>

            <el-form-item prop="password">
                <span class="show-pwd" @click="showPwd">
                  <img class="user-avatar" src="images/eye.png">
                </span>
                <span class="svg-container">
                    <img class="user-avatar" src="images/password.png">
                </span>
                <el-input name="password" :type="passwordType" @keyup.enter.native="handleLogin"
                          v-model="loginForm.password" autoComplete="on"
                          placeholder="请输入密码"/>

            </el-form-item>

            <el-button type="primary" style="width:100%;margin-bottom:30px;" :loading="loading"
                       @click.native.prevent="handleLogin">登录
            </el-button>
        </el-form>
    </div>
</div>
</body>
<!-- import Vue before Element -->
<script src="libs/vue.js"></script>
<!-- import JavaScript -->
<script src="libs/element.js"></script>
<script src="libs/jquery.min.js"></script>
<script src="js/login.js"></script>
</html>